<!DOCTYPE html>
<html>
<head>
    <style>
        /* 打印样式 */
        @media print {
            thead {
                display: table-header-group; /* 确保表头在每页重复 */
            }

            tbody tr {
                page-break-inside: avoid; /* 防止行跨页 */
            }

            td {
                page-break-inside: avoid; /* 防止单元格跨页 */
                position: relative;
            }

            /* 处理跨页单元格内容重复 */
            .repeating-content {
                position: relative;
            }

            .repeating-content::after {
                content: attr(data-content); /* 使用 data-content 属性中的内容 */
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: white;
                z-index: -1; /* 确保在背景层 */
                page-break-before: always; /* 强制在新页开始 */
                visibility: hidden; /* 隐藏但占用空间 */
            }
        }

        /* 屏幕样式 */
        table {
            width: 100%;
            border-collapse: collapse;
        }

        th, td {
            border: 1px solid black;
            padding: 8px;
            text-align: left;
        }
    </style>
</head>
<body>
<table>
    <thead>
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td class="repeating-content" data-content="Row 1, Cell 1">Row 1, Cell 1</td>
        <td>Row 1, Cell 2</td>
    </tr>
    <tr>
        <td class="repeating-content" data-content="Row 2, Cell 1">Row 2, Cell 1</td>
        <td>附加特殊按钮入口： 嵌入模式分项报告所对应的编辑器列表； 嵌入模式 独立流转式可公用编辑器的右边。左边报告导航形态的：独立流转式简化掉只有自己的内容。            嵌入模式编辑的左边还哦是主报告点击跳入分项编辑URL后左边只能显示该类型分项内容了，编辑保存过后点击跳转回去主报告编辑列表就能恢复左边报告导航的全页面展示了。            主报告对于data{}嵌入式的分项能直接显示；独立流转式的分项是显示链接提示的，打印机预览模式要求的单独流转的分项也能一并显示出来，方便统计打印实际页数页码连续编页码。&主报告预览或编辑才会确保能整合全部分项一起显示的。            分项在主报告显示的排序：嵌入式在前[1,2]，独立流转的跟在后面某种的排序[3][4,5]；不管是独立还是嵌入的要等同的展示。审核人是不同的，非打印预览的报告独立分项的还应当要区分提示已经流转审核通过与否+版本号ver。            独立分项的Report.snapshot应该为空的。独立分项的Report.data{}应该和主报告嵌入分项保持一致存储。           默认布局A4竖排的最多允许21行每张纸，可是管道特性表要求大约30行的承载尺寸。考虑定制Table CSS：紧缩性表格压缩版本的布局，可修改参数的注入办法；其它报告其它表格还是考虑默认css取值。任意浏览器默认字体高都是16px；                Chrome在保存为PDF文件时，默认纸张大小是A4。若布局为纵向，显示大小为210mm×297mm；Windows下的网页打印的默认DPI为96dpi/25.4mm。A4纸张像素宽度为794px×1123px，若页边距为19mm（默认边距），网页内最大元素分辨率约650px。                默认左右边距10mm的就是打印718px宽度；默认字体考虑行间距后估计承受43行文本高度，A4竖排表格的能承受35行的row是极限。页边距默认的0.4英寸。宽度仅剩下716.9px；                网页打印，windows系统默认采用的是96dpi，Mac系统采用的是72dpi的？具体取决于操作系统/浏览器的组合。                分项报告编辑存储依赖InspectRecordDialog的参数redId,nestMd来区分的，OriginalView下传递分项2个参数。每个编辑器如Corrosive也要传递的。                编辑器 /report/VS-DJ/ver/1/:id/THICKM_VS/Remark 这样对应编辑保存实际也在主报告{''}根存储的。                打印特例：衍射时差法超声检测报告检 测 结 果 评 定放的还想能够把检 测 结 果 评 定放入上一页的尾部紧凑法紧跟的无法实现，只能强制断开新启一页在检 测 结 果 评 定前面断开页，别想紧凑了。                json里面地文件_FILE_S 或者 _FILE_前缀为开始地。                复检:项目原始记录复制且不变，后续追加复检结果记录的；isp 报告号也变动了；备注可修改。复检isp report都是新的。                手机竖屏一行正常26个显示汉字最多了，可是PDF和打印纸张A4竖版的一行基本都有35个汉字的情形，除非大折叠屏等大屏终端pdf文件会产生视力问题很严重。                LiveCycleDesigner看了感觉PDF文件 xml 脚本 定位层次 表单，感觉其已没生命力。                浏览器直接分享二维码尝试270字符的URL传递，临时token尽量要短。如何转登后端。若没有空格键的不含中文的连续字符串若超出打印纸张宽度限制的也可能会导致自动缩放，导致诸如报告首页面固定定位高度的明显被缩小且字体缩小。加空格。                在,justifyContent\: \'space\-around\'\,alignItems\: \'center\'\}\}\>\ncss\=\{\{ \[theme\.mediaQueries\.md\+\'\, print\'\]\: \{wordBreak\: \'keep\-all\'\} \}\}\>\n                        一次没法全部匹配的(全部可能差异类型)，分批做,重复步骤消除其他类似的代码替换。若(.+)接替(\b.+\b)就能替换任意代码串的，不仅仅单词语义的串。                        报告编辑器EditStorageContext实际在TwoHalfFrame页面上也就是SecondRouter路由器配置最顶级路由组件注入的，左边页面就有Context保持左右页面的同步。EditStorageContext.Provider有两处，只读报告也得统一初始取值。                        分项报告独立流转的：也有可能是多个同类型模板的复合体，一份报告要允许多个模板的自己嵌入复制，就不仅仅只有一份数据,                        一般不是主报告的分项报告才会有这样情况：也就是本模板允许重复的， 储存实际是{ _Duplication:['1','3']， "1":{分项报告模板数据对象}, "3"：{} }。                        嵌入进入主报告的分项报告且多数存在允许重复的存储模式,假定测厚报告的模板代码是'THICK_MS' ：储存是{..，'_THICK_MS':['1', ,], '_THICK_MS_1':{测厚报告模板数据对象},..}。                        编辑器组件增加参数化：redId=附加重复报告id, nestMd=嵌入场景模板号, ？嵌入模板的版本号“”父辈模板直接引入的自带版本标识。                        单线图每一页一个图形的，特性表连续每一页4个管道单元位置的。集成进入普通报告的，感觉又像分项报告的。特性表：应该如何打印和排版呢：？fixed? 单线图会旋转90度排版打印，不允许拆分2页面打印图片的。                        特性表：表格允许调整表格组件参数？还是动态指示高度配置。？给打印专用URL，在线网页报告显示不同模式。浏览器搜索不了隐藏的元素！一次性能够显示多少的页面内容：滚动查看目的，首先显示一部分的，点击加载更多内容的，点击完全加载URL。                        报告太大的：考虑适当URL拆解只显示一部分报告区域？打印，原始记录编辑也分区域。pdf 1-99页，页面数量动态估算页数。有些还嫌页数太少不需要拆分URL多一次链接点击；用户决定拆解吗:管道单元报告制作层面拆解？                        编辑形态的左边页面可考虑多个分项报告同时显示出来的，但是右半边编辑器页面只需要当前唯一个分项报告，不能支持多个分项报告（嵌入式且同一个模板的）同时可编辑。非打印预览性能模式：LoadMore？当前序号附近几个分项报告可显示的。                        大报告模式开启？报告类型有关联的：工业管道定期检验报告: 640页： 管道特性表，管道单线图，壁厚测定，射线检测。108条单元。测厚点部位图相同的=参见。超声波检测报告，磁粉检测报告; 硬度检测报告；                        对于"压力容器定期检验报告 的"：有可能较多页数的：  衍射时差法超声检测报告TOFD。                        动态加载： https://zhuanlan.zhihu.com/p/585623764                        原始记录：右边编辑器ALL printAll全列出的，主报告@不考虑显示嵌入模式分项报告所对应的编辑器列表部分，@每一种模排序：嵌入式在前[1,2]，独立流转的跟在后面某种的排序[3][4,5]；不管是独立还是嵌入的要等同的展示。审核人是不同的，非打印预览的报告独立分项的还应当要区分提示已经流转审核通过与否+版本号ver。                    独立分项的Report.snapshot应该为空的。独立分项的Report.data{}应该和主报告嵌入分项保持一致存储。                默认布局A4竖排的最多允许21行每张纸，可是管道特性表要求大约30行的承载尺寸。考虑定制Table CSS：紧缩性表格压缩版本的布局，可修改参数的注入办法；其它报告其它表格还是考虑默认css取值。任意浏览器默认字体高都是16px；                        Chrome在保存为PDF文件时，默认纸张大小是A4。若布局为纵向，显示大小为210mm×297mm；Windows下的网页打印的默认DPI为96dpi/25.4mm。A4纸张像素宽度为794px×1123px，若页边距为19mm（默认边距），网页内最大元素分辨率约650px。                        默认左右边距10mm的就是打印718px宽度；默认字体考虑行间距后估计承受43行文本高度，A4竖排表格的能承受35行的row是极限。页边距默认的0.4英寸。宽度仅剩下716.9px；                        网页打印，windows系统默认采用的是96dpi，Mac系统采用的是72dpi的？具体取决于操作系统/浏览器的组合。                        分项报告编辑存储依赖InspectRecordDialog的参数
        </td>
    </tr>
    <!-- 添加更多行 -->
    </tbody>
</table>
</body>
</html>
